<template>
  <div class="zN45">
  
    <div>
      <!-- 循环多多 -->
      <div v-for="(val,i) in cglist" :key="i">
        <Divider orientation="left" class="marginT10 marginB5 f_16">
          第
          <span class="cBlue">{{val.fcgnum}}</span>
          类 -
          {{val.fcgname}}
        </Divider>
        <div class="padding5-10 owtT tran3 overflowH">
          <div class="">
            <Row class="lineH34 f_14" :gutter="15">
              <Col
                span="4"
                class="txtOneLine"
                v-for="(val,i) in val.items"
                :key="i"
                :title="`${val.fcgnum}${$app.judgeData(val.fcgnum)&&'-'}${val.fcgname}`"
              >{{val.fcgnum}}{{$app.judgeData(val.fcgnum)?'-':''}}{{val.fcgname}}</Col>
            </Row>
          </div>
          <div class=" pullRight ">
            <div class="pullLeft f_18 lineH34 marginR30">
              已选
              <span class="cBlue f_bold f_20">{{(val.items).length}}</span>
              项，合计
              <span class="cBlue f_bold f_20">¥{{$app.addEachTmDo((val.items).length)}}</span>
            </div>
          </div>
        </div>
      </div>

      <Divider class="marginT20 marginB10"></Divider>
      <div class=" f_18 ">
        总共
        <span class="f_bold cBlue f_28">
          {{$app.judgeData(cglist) && $app.zongXuJ(cglist)}}
        </span>
        项，总额：
        <span class="f_bold cBlue">
          ¥
        </span>
        <span class="f_bold cBlue f_28">
          {{$app.judgeData(cglist) && $app.zongJiaJ(cglist)}}
        </span>
        
      </div>
    
      
    </div>
  
    
  </div>
</template>


<script>
export default {
  name: "z3",
  components: {},
  data() {
    let {
      tm_register:{
        base_official_fee,
        base_service_fee,
        item_fee
      }
    }=$app.getSession('bigSetting');

    let money = {
      allK:parseFloat(base_official_fee)+parseFloat(base_service_fee),
      item_fee:parseFloat(item_fee)
    };

    let data = {};
    

    return Object.assign(data,money);
  },
  props: ["whoShow", "cglist"],
  created() {},
  mounted() {},
  methods: {
  }
};
</script>

